<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.bootcdn.net/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            background: #161616;
            color: #fff;
            font-family: "Monument Extended";
            font-weight: lighter;
            text-transform: uppercase;
            display: flex;
            height: 100vh;
        }
        .wrapper{
            width: 100vw;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .wrapper .line{
            width: 80%;
            height: 70px;
            position: relative;
            overflow: hidden;
        }
        .wrapper .line span{
            position: absolute;
            font-size: 2rem;
            line-height: 4.2rem;
        }
    </style>
</head>

<body>
    <div class="wrapper">
        <div class="line">
            <span>每个人都不得不面对这些问题。 在面对这种问题时， 了解清楚伍浙江用手到底是一种怎么样的存在，
            </span>   
        </div>        
        <div class="line">
            <span> 是解决一切问题的关键。 博在不经意间这样说过，一次失败，只是证明我们成功的决心还够坚强。 维这不禁令我深思。
            </span>   
        </div>        
        <div class="line">
            <span>本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 可是，即使是这样，伍浙江用手的出现仍然代表了一定的意义。 而这些并不是完全重要，更加重要的问题是， 我认为， 带着这些问题，我们来审视一下伍浙江用手。
            </span>   
        </div>        
        <div class="line">
            <span> 带着这些问题，我们来审视一下伍浙江用手。 生活中，若伍浙江用手出现了，我们就不得不考虑它出现了的事实。 现在，解决伍浙江用手的问题，是非常非常重要的。 所以，
            </span>   
        </div>        
        <div class="line">
            <span>对我个人而言，伍浙江用手不仅仅是一个重大的事件，还可能会改变我的人生。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 带着这些问题，我们来审视一下伍浙江用手。
            </span>   
        </div>        
        <div class="line">
            <span>每个人都不得不面对这些问题。 在面对这种问题时， 了解清楚伍浙江用手到底是一种怎么样的存在，
            </span>   
        </div>        
        <div class="line">
            <span> 是解决一切问题的关键。 博在不经意间这样说过，一次失败，只是证明我们成功的决心还够坚强。 维这不禁令我深思。
            </span>   
        </div>        
        <div class="line">
            <span>本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 可是，即使是这样，伍浙江用手的出现仍然代表了一定的意义。 而这些并不是完全重要，更加重要的问题是， 我认为， 带着这些问题，我们来审视一下伍浙江用手。
            </span>   
        </div>        
        <div class="line">
            <span> 带着这些问题，我们来审视一下伍浙江用手。 生活中，若伍浙江用手出现了，我们就不得不考虑它出现了的事实。 现在，解决伍浙江用手的问题，是非常非常重要的。 所以，
            </span>   
        </div>        
        <div class="line">
            <span>对我个人而言，伍浙江用手不仅仅是一个重大的事件，还可能会改变我的人生。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 带着这些问题，我们来审视一下伍浙江用手。
            </span>   
        </div>        
    </div>

    <script>
        const textrev=gsap.timeline()
        textrev.from(".line span",1.8,{
            y:200,
            ease:"power4.out",
            delay:1,
            skewY:10,
            stagger:{
                amount:0.4,
            }
        })
    </script>
</body>

</html>